*{
    padding:0;
    margin:0;
    border:none;
    font-size:1.5625vm;
    font-family: 'Microsoft YaHei';
}
html,body,.container{
    position: relative;
    width:100%;
    height:100%;
    top:0;
    overflow: hidden;
}
/*设置音乐图标*/
#music{
    position:fixed;
    right:4vw;
    top:3vh;
    width:15vw;
    height:15vw;
    border:8px solid #ef1639;
    border-radius:50%;
    background-color: white;
    z-index:5;
}
/*音乐转盘*/
#music > img:first-of-type{
    position:absolute;
    width:79%;
    left:0%;
    top:0%;
    bottom:0%;
    right:0%;
    margin:auto;
    -webkit-animation:music 4s infinite linear;
       -moz-animation:music 4s infinite linear;
        -ms-animation:music 4s infinite linear;
         -o-animation:music 4s infinite linear;
            animation:music 4s infinite linear;
}
@keyframes music{
    0%{
        -webkit-transform:rotate(0deg);
           -moz-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
             -o-transform:rotate(0deg);
                transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
           -moz-transform:rotate(360deg);
            -ms-transform:rotate(360deg);
             -o-transform:rotate(360deg);
                transform:rotate(360deg);
    }
}
@-webkit-keyframes music{
    0%{
        -webkit-transform:rotate(0deg);
           -moz-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
             -o-transform:rotate(0deg);
                transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
           -moz-transform:rotate(360deg);
            -ms-transform:rotate(360deg);
             -o-transform:rotate(360deg);
                transform:rotate(360deg);
    }
}
@-moz-keyframes music{
    0%{
        -webkit-transform:rotate(0deg);
           -moz-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
             -o-transform:rotate(0deg);
                transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
           -moz-transform:rotate(360deg);
            -ms-transform:rotate(360deg);
             -o-transform:rotate(360deg);
                transform:rotate(360deg);
    }
}
@-ms-keyframes music{
    0%{
        -webkit-transform:rotate(0deg);
           -moz-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
             -o-transform:rotate(0deg);
                transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
           -moz-transform:rotate(360deg);
            -ms-transform:rotate(360deg);
             -o-transform:rotate(360deg);
                transform:rotate(360deg);
    }
}
@-o-keyframes music{
    0%{
        -webkit-transform:rotate(0deg);
           -moz-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
             -o-transform:rotate(0deg);
                transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
           -moz-transform:rotate(360deg);
            -ms-transform:rotate(360deg);
             -o-transform:rotate(360deg);
                transform:rotate(360deg);
    }
}
/*音乐指针 */
#music > img:last-of-type{
    position:absolute;
    top:24%;
    left:73%;
    width:28%;
}
/*设置三页共同特征*/
.page{
    width:100vw;
    height:100vh;
    position:absolute;
    overflow: hidden;
}
